<section class="vbox" id="bjax-el">
    <section class="scrollable padder-lg">
        <h2 class="font-thin m-b">视频推荐</h2>
        <div class="row row-sm">
            <div class="col-xs-12 col-sm-4">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <div class="top">
                            <span class="badge bg-dark m-l-sm m-t-sm">01:47:14</span>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m40.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">疯狂动物城</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">疯狂动物城</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <div class="top">
                            <span class="badge bg-dark m-l-sm m-t-sm">02:10</span>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m41.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">死了都要 • 爱</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">G.E.M.邓紫棋</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <div class="top">
                            <span class="badge bg-dark m-l-sm m-t-sm">05:40</span>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m42.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">狂想 Rhapsody</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">冯建宇</a>
                    </div>
                </div>
            </div>
        </div>
        <h3 class="font-thin m-b">视频列表</h3>
        <div class="row row-sm">
            <div class="col-xs-6 col-sm-4 col-md-3">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m40.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">全世界都在说东北话</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">贾乃亮,宋小宝,于洋</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m41.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">群畅赚赚赚</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">龙梅子,老猫</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m42.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">今年勇</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">许嵩</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m43.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">修今生</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">梁佳玉</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m44.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">你在就好</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">崔子格</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m40.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">远方的远方还是远方</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">凤凰传奇</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m45.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">There You Are</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">钟洁希</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3">
                <div class="item">
                    <div class="pos-rlt">
                        <div class="item-overlay opacity r r-2x bg-black">
                            <div class="center text-center m-t-n">
                                <a href="" ui-sref="main.video_detail"><i class="fa fa-play-circle i-2x"></i></a>
                            </div>
                        </div>
                        <a href="" ui-sref="main.video_detail"><img src="images/m44.jpg" alt="" class="r r-2x img-full"></a>
                    </div>
                    <div class="padder-v">
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis">告白气球</a>
                        <a href="" ui-sref="main.video_detail" class="text-ellipsis text-xs text-muted">周杰伦</a>
                    </div>
                </div>
            </div>
        </div>
        <ul class="pagination pagination">
            <li><a href=""><i class="fa fa-chevron-left"></i></a></li>
            <li class="active"><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href="">5</a></li>
            <li><a href=""><i class="fa fa-chevron-right"></i></a></li>
        </ul>
    </section>
</section>
<a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>